<div class="main-container">
  <nz-tabset class="mng-report-tab">
    <ng-container *ngIf="typeList.indexOf('1') >= 0">
      <nz-tab nzTitle="干渠进水口水位流量">
        <ng-template nz-tab>
          <div class="mng-report-tab-container">
            <app-mng-inlet style="display: flex;"></app-mng-inlet>
          </div>

        </ng-template>
      </nz-tab>
    </ng-container>
    <ng-container *ngIf="typeList.indexOf('3') >= 0 && sectionId=='1'">
      <nz-tab nzTitle="湖泊湿地补水量">
        <ng-template nz-tab>
          <div class="mng-report-tab-container">
            <app-mng-lake style="display: flex;"></app-mng-lake>
          </div>
        </ng-template>
      </nz-tab>
    </ng-container>
    <ng-container *ngIf="typeList.indexOf('2') >= 0 && sectionId=='1'">
      <nz-tab nzTitle="灌溉进度">
        <ng-template nz-tab>
          <div class="mng-report-tab-container">
            <app-mng-irrigate style="display: flex;"></app-mng-irrigate>
          </div>
        </ng-template>
      </nz-tab>
    </ng-container>
    <ng-container *ngIf="typeList.indexOf('6') >= 0 && sectionId=='1'">
      <nz-tab nzTitle="用水量">
        <ng-template nz-tab>
          <div class="mng-report-tab-container">
            <app-mng-water-usage style="display: flex;"></app-mng-water-usage>
          </div>
        </ng-template>
      </nz-tab>
    </ng-container>
    <ng-container>
    <nz-tab nzTitle="水情月报" *ngIf="sectionId=='1'">
      <ng-template nz-tab>
        <app-wt-monthly-active style="height: calc(100vh - 102px);display: flex;"></app-wt-monthly-active>
      </ng-template>
    </nz-tab>
    </ng-container>
    
    <!--<ng-container>-->
      <!--<nz-tab nzTitle="支斗口水量">-->
        <!--<ng-template nz-tab>-->
          <!--<div class="mng-report-tab-container">-->
            <!--<app-mng-gate-water style="display: flex;"></app-mng-gate-water>-->
          <!--</div>-->
        <!--</ng-template>-->
      <!--</nz-tab>-->
    <!--</ng-container>-->
  </nz-tabset>
</div>
